<template>
  <svg viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="aiGradient" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
        <stop offset="50%" style="stop-color:#8b5cf6;stop-opacity:1" />
        <stop offset="100%" style="stop-color:#ec4899;stop-opacity:1" />
      </linearGradient>
      <filter id="aiGlow">
        <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
        <feMerge> 
          <feMergeNode in="coloredBlur"/>
          <feMergeNode in="SourceGraphic"/>
        </feMerge>
      </filter>
    </defs>
    
    <!-- 大脑轮廓 -->
    <path d="M 15 25 Q 15 15 25 15 Q 35 15 35 25 Q 45 15 45 25 Q 45 35 35 35 Q 35 45 25 45 Q 15 45 15 35 Q 15 25 15 25" 
          fill="url(#aiGradient)" filter="url(#aiGlow)"/>
    
    <!-- 神经网络节点 -->
    <circle cx="22" cy="25" r="2" fill="#ffffff"/>
    <circle cx="30" cy="22" r="2" fill="#ffffff"/>
    <circle cx="38" cy="28" r="2" fill="#ffffff"/>
    <circle cx="25" cy="35" r="2" fill="#ffffff"/>
    <circle cx="35" cy="38" r="2" fill="#ffffff"/>
    
    <!-- 连接线 -->
    <line x1="22" y1="25" x2="30" y2="22" stroke="#ffffff" stroke-width="1" opacity="0.8"/>
    <line x1="30" y1="22" x2="38" y2="28" stroke="#ffffff" stroke-width="1" opacity="0.8"/>
    <line x1="22" y1="25" x2="25" y2="35" stroke="#ffffff" stroke-width="1" opacity="0.8"/>
    <line x1="38" y1="28" x2="35" y2="38" stroke="#ffffff" stroke-width="1" opacity="0.8"/>
    <line x1="25" y1="35" x2="35" y2="38" stroke="#ffffff" stroke-width="1" opacity="0.8"/>
    
    <!-- 外部光环 -->
    <circle cx="30" cy="30" r="25" fill="none" stroke="url(#aiGradient)" stroke-width="1" opacity="0.3"/>
    <circle cx="30" cy="30" r="28" fill="none" stroke="url(#aiGradient)" stroke-width="0.5" opacity="0.2"/>
  </svg>
</template>

<script setup>
// AI图标组件
</script>

<style scoped>
svg {
  width: 100%;
  height: 100%;
}
</style>